<template>
  <div class="home">
    <div v-for="i in 30" class="info">
      <p>您好，130****1234</p>
    </div>
  </div>
</template>

<script setup>
import { ref, onMounted, reactive, computed, watch } from "vue";
import { useStore } from "vuex";
const store = useStore();
const state = reactive({});
const tabIndex = ref(0);

onMounted(() => {});

const changeTab = (index) => {
  tabIndex.value = index;
};
</script>

<style lang="scss" scoped>
.home {
  margin: 0 auto;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  .info {
    padding: 0 16px;
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    p {
      height: 50px;
    }
  }
}
</style>
